{% extends "TextBadger/base.html" %}

{% block css %}
	<link rel="stylesheet" href="/static/TextBadger/css/home.css">
{% endblock %}

{% block onDocLoad %}
	$('.menuitem').removeClass('menuitemselected');
	$("#mnuhome").addClass("menuitemselected");
{% endblock %}

{% block maincontent %}
	<div id="PageHeading">
		<div id="PageName">{{ user.firstname }} {{ user.lastname }}</div>
		<div style='font-size:13px;'><i>{{ user.affiliation }}</i></div>
		<div style='font-size:12px;'>{{ user.email }}</div>
		<div style='font-size:12px;'><a href='{{ user.home_page_url }}'>{{ user.home_page_url }}</a></div>
	</div>

	<div id="PageContent">
		<table><tr>
			<td>	
				<div class='Section'>
					<div class='SectionTitle'>Recent Activities</div>
					<div class='SectionContent'>
						<div class='SectionItem'>
							<b>Today, 5PM</b><span class='SectionMargin'>Project "XYZ" learning finished</span>
						</div>
						<div class='SectionItem'>
                                                        <b>Today, 4PM</b><span class='SectionMargin'>Document learning started for Project "XYZ"</span>
                                                </div>
						<div class='SectionItem'>
                                                        <b>Today, 3PM</b><span class='SectionMargin'>Abe finished labelling 250 documents for Project "XYZ"</span>
                                                </div>
						<div class='SectionItem'>
                                                        <b>Today, 2PM</b><span class='SectionMargin'>Mohit assigned 250 documents to Abe in Project "XYZ"</span>
                                                </div>
						<div class='SectionItem'>
                                                        <b>Yesterday, 1PM</b><span class='SectionMargin'>Mohit added Abe as a partner</span>
                                                </div>
						<div class='SectionItem'>
                                                        <b>Yesterday, 12PM</b><span class='SectionMargin'>Mohit created Project "XYZ"</span>
                                                </div>
						<div class='SectionItem' style='text-align:center;'>
	                                                <a href='/recent/?q=1' class='ajaxloader'>View more</a>
						</div>
					</div>
				</div>
			
				<div class='Section'>
                                        <div class='SectionTitle'>Scheduled Jobs</div>
                                	<div class='SectionContent'>
                                                <div class='SectionItem'>
                                                        <b>Today, 7PM</b><span class='SectionMargin'>Project "XYZ" Learning</span>
                                                </div>
                                                <div class='SectionItem'>
                                                        <b>Today, 4PM</b><span class='SectionMargin'>Project "XYZ" Diagnostics</span>
                                                </div>
						<div class='SectionItem' style='text-align:center;'>
                                                        <a href='/scheduled/?q=1' class='ajaxloader'>View more</a>
                                                </div>
                                        </div>
				</div>
			</td>
			<td>
				<div class='Section'>
                                        <div class='SectionTitle'>Labelling Assigned</div>
                                	<div class='SectionContent'>
                                                <div class='SectionItem'>
                                                        Label 200 documents for Project "XYZ"
                                                </div>
                                                <div class='SectionItem'>
                                                        Label 400 documents for Project "ABC"
                                                </div>
						<div class='SectionItem' style='text-align:center;'>
                                                        <a href='/assignments/?q=1' class='ajaxloader'>View more</a>
                                                </div>
                                        </div>
				</div>
			</td>
		</tr></table>
	</div>
{% endblock %}
